<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>html5超酷视频全屏背景特效下载,视频全屏背景特效免费下载</title>
	<link rel="stylesheet" type="text/css" href="css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="css/htmleaf-demo.css">
	<link rel="stylesheet" href="dist/jquery.vidbacking.css" type="text/css">
	<link rel="stylesheet" href="css/style1.css" type="text/css">
</head>
<body>
	<div class="htmleaf-container">
		<header class="htmleaf-header">
			<h1>html5视频全屏背景特效插件<span>A jQuery plugin to create HTML5 video as background on webpage with fallback image support</span></h1>
		</header>
		<div class="video-back">
	        <video poster="assets/screenshot1.jpg" autoplay muted loop class="vidbacking">
	            <source src="http://demo.htmleaf.com/1707/201707251501/assets/Rallye.mp4" type="video/mp4">
	        </video>
	        <h1>Vidbacking Demo of &lt;div&gt; Background</h1>
	        <p>Run video on using jquery.vidbacking.js. </p>
	        <div class="htmleaf-demo center">
		  <a href="index.html" class="current">div区域视频背景</a>
		  <a href="index2.html">全屏视频背景</a>
		</div>
	        <div class="clearfix"></div>
	    </div>
	    <div class="clearfix">&nbsp;</div>
	</div>
	
	<script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-1.11.0.min.js"><\/script>')</script>
	<script src="dist/jquery.vidbacking.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            $('.video-back').vidbacking();
        });
 
	var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?ecbff70bd46d40393c105bbc42edfcad";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>